/**
 * dialog css
 * @author yulipu
 * 在一个容器上同时指定了width和padding时 宽是叠加效果
 */
/* util */
a {text-decoration:none;}
.y-modalDialog-btn {
	padding: 4px 10px;
	text-align: center;
	vertical-align: middle;
	background: #51a351;
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #32B8EC, #248FD0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#32B8EC), to(#248FD0));
	background-image: -webkit-linear-gradient(top, #32B8EC, #248FD0);
	background-image: -o-linear-gradient(top, #32B8EC, #248FD0);
	background-image: linear-gradient(to bottom, #32B8EC, #248FD0);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32B8EC', endColorstr='#248FD0', GradientType=0);
	color: #fff!important;
	border:0;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
	border-radius: 3px;
	cursor: pointer;
}
.y-modalDialog-btn:hover {opacity:.9;}
/* start common part */
.y-modalDialog {
	position:absolute;
	z-index:1127;
	min-width:220px;
	margin:auto;
	text-align:left;
	outline:0;
	-moz-outline:0;
	box-shadow:0 0 60px 0 rgba(0,0,0,.4);
	background-color:#fff;
	border-radius:8px;
	border:1px solid #888;
	-webkit-transition:box-shadow .25s ease-out;
	-moz-transition:box-shadow .25s ease-out; 
	transition:box-shadow .25s ease-out;
}
.y-modalDialog-title {
	position:relative;
	padding:8px 12px;
	line-height:14px;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#CCCCCC),to(#747474));
	background-image:-moz-linear-gradient(top,#CCCCCC, #747474);
	background-image:linear-gradient(top,#CCCCCC, #747474);
	background-color:#51a351;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#747474');
	border-radius:6px 6px 0 0;
	border-color:#747474;
	box-shadow:0 1px 0 rgba(255,255,255,.15) inset,0 1px 1px rgba(0,0,0,.2);
	font-weight:bold;
}
.y-modalDialog-title-text {
	font-size:14px;
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,.4);
}
.y-modalDialog-title-close {
	position:absolute;
	top:50%;
	_top:20px;
	right:6px;
	margin-top:-7px;
	font-size:16px;
	color:#fff;
	cursor:pointer;
}
.y-modalDialog-title-close:hover {
	-o-transform: rotate(360deg); /* Opera浏览器 */ 
	-webkit-transform: rotate(360deg); /* Webkit内核浏览器 */ 
	-moz-transform: rotate(360deg); /* Firefox浏览器 */
}
.y-modalDialog-content {
	padding:0 12px;
	margin:12px 0;
	font-size:14px;
}
.y-modalDialog-footer {
	text-align:right;
	padding:2px 12px;
	border-top:1px solid #EEE;
}
/* // end common part */
